<template>
    <div class = 'about-wrapper jimu-show jimu-mask'> 
		<div class="box-content jimu-map-panel">
			<div class="about-close" @click="close">
				<i class="iconfont icon-close"></i>
			</div>
			<div class="about-title">关于</div>
			<div>
				<img  class = "logo-img" :src="config.logo">
			</div>
			<p>
				{{config.aboutMsg}}
			</p>
		</div>
		
    </div>
</template>

<script>
import BaseWidget from '@/jimu/BaseWidget.js'
export default {
	name: 'AboutWidget',
	mixins:[ BaseWidget ],
}
</script>

<style lang="scss">
.about-wrapper{
	.box-content{
		position: absolute;
		top:50%;
		left:50%;
		width: 300px;
		height: 260px;
		padding: 10px 20px 20px 20px;
		margin-top:-130px;
		margin-left:-150px;
		overflow: hidden;
		backface-visibility: hidden;
	}
	.logo-img{
		width:150px;
		margin-left:55px;
	}
	p{
		text-indent: 2em;
		text-align: justify;
	}
	.about-close{
		position: absolute;
		right: 10px;
		top: 10px;
		cursor: pointer;
	}
	
}
</style>